<script setup>
	function backSquare() {
		uni.switchTab({
			url: '/pages/home/index',
		})
	}
</script>

<template>
	<view class="success-content">
		<image
			:src="'https://ojqn.wm2177.com/wechat_imgs/transition/deal-success.png'"
			style="width: 200rpx; height: 200rpx"
			mode=""
		></image>
		<view
			class=""
			style="font-size: 40rpx; font-weight: 700; margin: 12rpx 0"
		>
			交易成功
		</view>
		<view
			class=""
			style="margin-bottom: 40rpx; font-size: 28rpx; color: #9b9b9d"
		>
			等待买家付款，付款完成后所获收益会进入我的收益
		</view>
		<view
			class="check-button"
			style="margin-top: 20rpx"
			@click="backSquare"
		>
			返回首页
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.success-content {
		height: 100vh;
		padding-bottom: 300rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.check-button {
			width: 380rpx;
			height: 84rpx;
			border-radius: 42rpx;
			background-color: $transaction-color;
			text-align: center;
			line-height: 84rpx;
			font-weight: 700;
			font-size: 32rpx;
		}
	}
</style>
